<template>
	<div class="breedinglistbox">
		<div class="flsb daybox fsize264">
			<div class="daytxt">日期</div>
			<picker mode="date"  @change="bindDateChange">
				<div class="datechoose" >
					<span class="datetxt">
					{{nowday}}
					</span>
					<image src="../../static/details/goto.png" class="img32" mode=""></image>
				</div>
			</picker>
		</div>
		<div class="breedinglist">
			<div class="breedinglistitem">
					<div class="breedingli">
						<span class='fsize28l'>流水号：</span><span class='fsize285'>161651651616</span>
					</div>
					<div class="breedingli">
						<span class='fsize28l'>公猪耳号：</span><span class='fsize285'>#186</span>
					</div>
					<div class="breedingli">
						<span class='fsize28l'>包装号：</span><span class='fsize285'>0001215121512151</span>
					</div>
					<div class="breedingli">
						<span class='fsize28l'>创建时间：</span><span class='fsize285'>2020-03-31  10:00:00</span>
					</div>
					<image src="../../static/breeding/daitianxie.png" class="img160 imgrt" mode=""></image>
					<div class="flend">
						<div class="fsize28 gowrite">去填写</div>
					</div>
			</div>
			<div class="breedinglistitem">
					<div class="breedingli">
						<span class='fsize28l'>流水号：</span><span class='fsize285'>161651651616</span>
					</div>
					<div class="breedingli">
						<span class='fsize28l'>公猪耳号：</span><span class='fsize285'>#186</span>
					</div>
					<div class="breedingli">
						<span class='fsize28l'>包装号：</span><span class='fsize285'>0001215121512151</span>
					</div>
					<div class="breedingli">
						<span class='fsize28l'>创建时间：</span><span class='fsize285'>2020-03-31  10:00:00</span>
					</div>
					<image src="../../static/breeding/yiwancheng.png" class="img160 imgrt" mode=""></image>
			</div>
		</div>
		
		<div class="entering fsize32w" @click = 'gotobreedingdetails'>
			录入
		</div>
		
		
		
	</div>


</template>

<script>
	export default {
		data() {
			return {
				hour: 10,
				minute: 50,
				second: 32,
				nowday:'2020-05-18',
				dateshow:false,
			};
		},
		onLoad: function() {

		},
		methods: {
			gotobreedingdetails(e) {
				uni.navigateTo({
					url: '../breedingdetails/breedingdetails'
				});
			},
			bindDateChange(e) {
				this.nowday = e.target.value
			},

		}
	}
</script>

<style lang="less">
	.daybox {
		padding: 0 32rpx;
		line-height: 112rpx;
		.datechoose {
			display: flex;
			align-items:center;
		}
	}
	
	.breedinglist {
		padding: 0 32rpx;
		.breedinglistitem {
			margin-top: 38rpx;
			padding: 24rpx;
			box-shadow:0px 4px 24px 0px rgba(0,0,0,0.12);
			border-radius:12px;
			position: relative;
			.imgrt {
				position: absolute;
				right: 0;
				top: 0;
			}
			.gowrite {
				margin-top: 48rpx;
				width:174rpx;
				height:68rpx;
				background:rgba(255,255,255,1);
				border-radius:12rpx;
				border:2rpx solid rgba(24,108,242,1);
				color: rgba(24,108,242,1);
				text-align: center;
				line-height: 68rpx;
			}
		}
	}
	
	
</style>
